<template>
    <div>
        <ul>
            <router-link to="/h5/pages/home/index" tag="li" active-class="active"><span class="iconfont">&#xe679;</span><span>首页</span></router-link>
            <router-link to="/pages/jd-union/list" tag="li" active-class="active"><span class="iconfont">&#xe8c0;</span><span>优惠</span></router-link>
            <router-link to="/pages/cate/cate-home" tag="li" active-class="active"><span class="iconfont">&#xe628;</span><span>分类</span></router-link>
            <router-link to="/shopcar" tag="li" active-class="active"><span class="iconfont">&#xe605;</span><span>购物车</span></router-link>
            <router-link to="/center/home" tag="li" active-class="active"><span class="iconfont">&#xe605;</span><span>我的</span></router-link>
        </ul>
    </div>
</template>
<script>
import '@/assets/iconfont/iconfont.css'
export default {

}
</script>
<style lang="scss" scoped>
*{
    border: 0;
    padding: 0;
}
    .active{
        color: #f60;
    }
    ul{
        list-style: none;
        display: flex;
        position: fixed;
        bottom: 0;
        height: 50px;
        line-height:25px;
        background: #fff;
        width: 100%;
        text-align: center;
        z-index: 999;
        li{
            flex: 1;
            display: flex;
            flex-direction: column;
            span:nth-of-type(1){
                font-size: 20px;
            }
            span:nth-of-type(2){
                font-size: 14px;
            }

        }
    }
</style>
